<?php 
	$this->breadcrumbs=array(
		Yii::t('parallax','Work'),
	);
	
	$this->pageTitle = Category::model()->generatePageTitle(array_reverse($this->breadcrumbs,'_')).Yii::app()->name;
	
?>
<style type="text/css">
.pin {
	text-align:left;
	word-wrap:break-word;
	overflow:hidden;
	word-break:break-all;
}
.pin .title{
	padding:5px;
}
</style>

<hr class="clearfix" />
	<!-- 此处加一个空格，以使能正常显示加载内容 -->
	&nbsp;
	<div class="containerBox" >
	<img src="/public/images/loading.gif" />
	<?php //加载相关内容?>
	</div>
	<div id="loading">
	正在加载中……
	</div>
	<div id="noshow">
		亲，已经没有了！
	</div>
<script type="text/javascript">
<!--

$(document).ready(function() {

		/****
		 *使用windsWaterFlow滚动鼠标 动态加载内容
		 */
		
		var url = '<?php echo Yii::app()->createUrl('/work/albumpage');?>';
//	var boxtemplate = '<div class="pin hide">{img}<div class="title">{title}</div><div class="like btn">喜欢</div><div class="comments btn">评论</div></div>';

		var boxtemplate = '<div class="pin hide">'
                            +'<a href="/work/view/{id}.html" id="{height}">'
                                +'<div class="img"><img src="{img}" style="" alt="" /></div>'
                            +'</a>'
                            +'<div class="title">'
                                +'名称：<a href="/work/view/{id}.html">{name}</a><br />时间：{created}<br />描述：{describe}' 
                            +'</div>'
                            +'<div class="like btn">喜欢</div>'
                            +'<div class="comments btn">评论</div></div>';
		
		windsWaterFlow(url,boxtemplate,210);


		/************
		 *滚动固定内容
		 **************/

			$(document).scroll(function(){

				if($(this).scrollTop() > 150){
					$("#scroll-widget").css({
						'position':'relative',
						top:$(this).scrollTop()-170,
                        'height':document.documentElement.clientHeight,
                        'overflow':'hidden'
					});
				}else{
					$("#scroll-widget").css({
						'position':'relative',
                        'height':document.documentElement.clientHeight,
						'top':0,
                        'overflow':'hidden'
					});
				}


				//绑定a[rel=colorbox]的hover事件
				//colorboxHover();
				
			});


		
	});
</script>